草庐IT

jQuery 事件

全部标签

javascript - 使用 jquery 用 <span> 包装某些单词

我有以下div:​客户可以在其中编写他们的SQL查询。我试图做的是用span包装客户在点击Space后输入的单词,并根据输入的单词:例子如果客户端输入select,我需要像这样在div中包装这个选择词:SELECTemp_nameCSS.select{color:blue;text-transform:uppercase;}这与jsFiddle所做的非常相似。我怎样才能做到这一点?这是我到目前为止尝试过的:jsFiddle$(function(){$('div').focus();$('div').keyup(function(e){//console.log(e.keyCode);i

javascript - Jasmine - 如何模拟 history.pushState 和假事件发射?

在history.pushState的帮助下,我正在编写一个支持浏览器导航的库并且还捕获了popstateevent在浏览器中进行导航时进行通信。因为我正在尝试写Jasmine测试这个库,我想知道如何模拟history.pushState并且还伪造了popstate的发射来自window的信号?以下代码片段应该可以说明问题:库代码:varlib=(function(){functionnavigate(path){history.pushState(null,null,path);}functiononPopState(event){if(lib.callback){lib.callb

javascript - 如何以编程方式触发 D3 拖动事件?

所以我有一些数据与拖动事件监听器绑定(bind):myNodes.enter().append("svg:g").call(d3.behavior.drag().on("drag",function(){console.log(d3.event.dx,d3.event.dy);}));现在我想以编程方式在某个节点上调用这个onDrag函数。我确实知道通过做标准事件也是可能的aNode.on("click")()//worksaNode.on("drag")()//doesn'twork有什么办法吗?谢谢。 最佳答案 将回调(您传递给

javascript - 防止多个 slider 越过一个最大值-Jquery Mobile Multipage 模板

我刚刚设法构建一些javascript代码以确保多个slider不超过最大值24。问题是,当我尝试在jquerymobile的多页模板中使用它时,它仅适用于第一页,无法检查通过多页模板加载的第二页。这是我的jsFiddle,可以更好地了解情况[JsFiddle示例](http://jsfiddle.net/WEewU/20/第一页有效,第二页无效。我试图确保页面上的任意数量的slider不超过24小时。然后在jquerymobile中的所有多页模板中使用此代码。完整代码testLinkto2ndpagetestLinktoHomeJavascriptvarsliders=$("#sli

javascript - 将按键事件添加到 chrome 扩展中的多功能框

是否可以在chrome中监听按键事件(keyup、keydown、keypress)omnibox?到目前为止我刚刚发现:chrome.omnibox.onInputStarted.addListener(function(){...});chrome.omnibox.onInputChanged.addListener(function(stringtext,functionsuggest){...});chrome.omnibox.onInputEntered.addListener(function(stringtext){...});chrome.omnibox.onInput

javascript - 当多个 Magento 扩展包含 Jquery 库时怎么办

我阅读了如何将jquery正确包含到magento的指南包含库不包含冲突脚本转到$的jquery调用并将其更改为Jquery只需一个扩展程序即可轻松实现。然而,在我的例子中,我安装了3个不同的扩展,它们都想包含Jquery。当然,我不想复制这个库并调用它3次。起初,我想我可以在的第一行手动包含jquery库。标记并删除3个扩展中的所有jquery包含。但它没有成功,通常只有其中一个有效。如果我允许所有3个扩展都包含jquery,那么它们都可以工作。我怎样才能使商店中的所有jquery扩展正常工作,同时只包含一次libray?有人建议我应该在的顶部包含所有依赖于jquery的脚本,是对的

javascript - 使用 jQuery scrollTop 上下滚动一定数量的像素

我在一个div中有一个溢出的链接列表。我想要发生的是,用户可以使用向上和向下按钮在这个链接菜单中导航。每次用户单击相应按钮时,我希望div向上或向下滚动1个链接元素的高度。我尝试了一些代码,但我似乎无法弄清楚如何让它在两个方向上滚动正确的数量。谁能帮帮我?所有链接都具有相同的类。编辑:我已经设法上下滚动了。现在我只需要按1个链接的高度滚动。$(function(){varele=$('#scroller');varspeed=10,scroll=5,scrolling;$('.scroller-btn-up').click(function(){//Scrolltheelementup

javascript - Javascript 事件中引用的局部函数会发生什么变化?

我想我错过了关于javascript的非常重要的事情vargl=10$(document).ready(function(){varobj={}obj.test=function(){gl++varlc=glfunctiony(){alert('local='+lc)}(function(){vark=lc+1$('#button').click(function(){alert('localanonymous='+k)y()})})();}obj.test()$('#button').off()obj.test()})在上面的场景中,我定义了一个对象“obj”并为此对象创建了一个方法

jquery - 未捕获的类型错误 : Cannot call method 'noConflict' of undefined

我试图在SalesForce中使用javascript和jquery创建一个小部件,我遇到了一个错误:UncaughtTypeError:Cannotcallmethod'noConflict'ofundefined下面是我正在使用的代码(function(){//LocalizejQueryvariablevar$j;/********LoadjQueryifnotpresent*********/if(window.jQuery===undefined||window.jQuery.fn.jquery!=='1.4.2'){varscript_tag=document.create

javascript - ajaxStart 取消 jQuery 自动完成

我正在实现ajaxStart事件来显示一个模式“正在加载”。但是,最大的问题是这种模式与jQuery自动完成冲突,只是不显示自动完成的结果列表。我的自动完成是:$("#txtInput").autocomplete({minLength:3,source:"autocomplete",multiple:true,select:function(event,ui){$("#cie").val(ui.item.label);$("#id").val(ui.item.id);$("#addItem").prop('disabled',false);returnfalse;}});我正在用这个